.main-line {
    border: 1px solid #c7c7c7;
    border-radius: .2rem /* 10/50 */ .2rem /* 10/50 */ ;
    
    
}

.box-top {
    height: 1.6rem /* 80/50 */;
    border-bottom:  1px solid #d1d1d1;
    
    padding: .4rem /* 20/50 */;
    p {
        margin-top: .08rem /* 4/50 */;
        font-size: .5rem /* 25/50 */;
        color: #000000;
        font-weight: 700;
    }
    i {
        margin-top: .08rem /* 4/50 */;
        font-size: .5rem /* 25/50 */;
    }
}

.box-down {
    display: flex;
    flex-wrap: wrap;
    background-color: #f9f9f9;
    transition:all 1s;
    height: 100%;
    a {
        width: 33.33%;
        height: 1.6rem /* 80/50 */;
        border-bottom: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        font-size: .4rem /* 20/50 */;
        color: #000000;
        text-align: center;
        line-height: 1.56rem /* 78/50 */;
    }   
}
.hideone {
    height: 0px;
    display: none;
}
